@charset "UTF-8";

/**
 * @desc 重置一些vant-ui框架默认的样式
 * @author 清龙
 * @date 2019-08-05
 */

/* 定义图标为默认字体色 */
.van-nav-bar .van-icon {
  color: $color3;
}
/* 自定义单选框高度 */
.van-radio__icon {
  height: auto;
}
.van-nav-bar {
  height: $topTleHeight;
  line-height: $topTleHeight;
  transition: 0.5s;
}

.van-nav-bar--fixed {
  left: 0;
  right: 0;
  z-index: $zIndexHeader;
  @extend %block-center;
}

/* 导航栏透明切换 */

.van-toggle-nav {
  background: transparent;
  transition: 0.5s;
  .van-icon {
    color: #fff;
  }
}

/* 搜索框垂直居中 */

// .van-search__content,
// .van-field {
//   .van-cell__value {
//     @extend %flex-basic;
//     @extend %flex-v-c;
//     .van-field__body {
//       width: 100%;
//     }
//   }
// }

/* 评分星星大小 */

.van-rate__icon {
  font-size: 15px;
}

/* 一些fixed定位重置宽度 */

@supports (position: sticky) {
  .van-sticky--fixed,
  .van-dropdown-item,
  .van-index-anchor--sticky {
    max-width: 5rem;
    margin: auto;
  }
}

/* 将toast的z-index置为最高 */

.van-toast {
  z-index: 9999 !important;
}

.van-picker__cancel,
.van-picker__confirm {
  color: #f44;
}

/* 文件上传间距 */

.van-uploader__preview {
  margin-right: 5px;
  margin-bottom: 5px;
}

/* 自定义action-item */

.van-action-sheet__content {
  .action-item {
    height: 50px;
    display: block;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    &:active {
      background: #f8f8f8;
    }
  }
}

/* 重置预览框大小 */
// .van-uploader__preview-image {
//   width: 50px;
//   height: 50px;
// }
// .van-uploader__preview-delete {
//   font-size: 12px;
//   top: -3px;
//   right: -3px;
// }

/* 增加表单左侧提示框宽度 */
.van-field__label {
  margin-right: 0px !important;
}

/* 标题栏右侧链接颜色 */
.van-nav-bar__right {
  .van-nav-bar__text {
    @include color-primary;
  }
}

/* 下拉菜单颜色  连级选择*/
.van-dropdown-menu__title--active,
.van-dropdown-item__option--active,
.van-dropdown-item__option--active .van-dropdown-item__icon,
.van-tree-select__item--active {
  @include color-primary;
}

.van-sidebar-item--select::before {
  @include bg-primary;
}
.van-tab--active {
  @include color-primary;
}
.van-tab--active {
  .classImg {
    @include border-primary;
  }
}
.van-tabs__line {
  @include bg-primary;
}
.van-progress {
  width: 130px;
}
